<!--
  Generated template for the MapPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>百度地图</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <div #map id="map_container"></div>
  <div id="btn_location">
  <button ion-button  class="btn_loaction" (click)="getLocationByBrowser()">浏览器定位</button>
  <button ion-button  class="btn_loaction" (click)="getLocationByIp()">IP定位</button>
  <button ion-button  class="btn_loaction" (click)="getLocationByCity()">城市定位</button>
  <button ion-button  class="btn_loaction" (click)="getLocationByLatLon()">经纬度定位</button>
  <button ion-button  class="btn_loaction" (click)="getLocation()">GPS点击定位</button>
</div>
</ion-content>
